<%--
  Created by IntelliJ IDEA.
  User: 16327
  Date: 2020/12/28
  Time: 19:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>

        $(function (){
            $('#b1').click(function () {
                // 1.先生成一个formdata对象
                var myFormData = new FormData();
                // 2.朝对象中添加普通的键值
                myFormData.append('username',$("#t1").val());
                myFormData.append('password',$("#t2").val());
                // 3.朝对象中添加文件数据
                // 1.先通过jquery查找到该标签
                // 2.将jquery对象转换成原生的js对象
                // 3.利用原生js对象的方法 直接获取文件内容
                myFormData.append('file',$('#t3')[0].files[0]);
                $.ajax({
                    url:'http://localhost:8080/springdept/file/upload',
                    type:'post',
                    data:myFormData,  // 直接丢对象
                    // ajax传文件 一定要指定两个关键性的参数
                    contentType:false,  // 不用任何编码 因为formdata对象自带编码 django能够识别该对象
                    processData:false,  // 告诉浏览器不要处理我的数据 直接发就行
                    success:function (data) {
                        alert(data)
                    }
                })
            })
        })
        function a(){
            var deptname=$("#deptname").val();
            var deptnum=$("#deptnum").val();
            var deptdesc=$("#deptdesc").val();
            var p={ 'deptid': null, 'deptname': deptname, 'deptnum': deptnum,'deptdesc': deptdesc}
            var tojson=JSON.stringify(p)
            $.ajax({
                url:'http://localhost:8080/springdept/dept/Dept',
                type:'POST', //GET
                async:true,    //或false,是否异步
                dataType:"json",
                data:tojson,
                contentType:"application/json;charset=UTF-8'",
                timeout:5000,    //超时时间
                success:function(data){
                    alert(data)
                }
            })
        }


    </script>
</head>
<body>
部门名称<input type="text" id="deptname"><br>
部门人数<input type="text" id="deptnum"><br>
部门描述<input type="text" id="deptdesc"><br>
<button value="go" onclick="a()">go</button>

<br><br><br><br><br>
<input type="text" name="username" id="t1">
<input type="text" name="password" id="t2">
<input type="file" name="file" id="t3">
<button id="b1">提交</button>
</body>
</html>
